---
---
<section class="bg-white mb-2 dark:bg-gray-800 rounded-lg overflow-hidden" th:with="createUser=${article.createUser}">
    <div
      class="w-full bg-white flex justify-center item-center border-gray-200 dark:bg-gray-800 dark:border-gray-700"
    >
      <div class="flex flex-col items-center pt-4">
        <img
          class="w-24 h-24 mb-3 rounded-full shadow-lg"
          th:src="${createUser.avatar}"
          th:alt="${createUser.nikeName}"
        />
        <span class="mb-1 text-xl font-medium text-gray-900 dark:text-white" th:text="${createUser.nikeName}">
          张三
        </span>
        <span class="text-sm text-gray-500 dark:text-gray-400"
        th:text="{${createUser.remark}"  >痛苦并快乐着</span
        >
        <div class="flex mt-2">
          <span th:text="${#strings.isEmpty(article.reprintUrl)?'原创':'转载'}"
            class="inline-flex items-center px-4 py-2 text-sm font-medium text-center text-white bg-blue-900 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
            >原创</span>
          <a
            th:href="${#strings.isEmpty(article.reprintUrl)?(niceConfig['oly.web.domain']+'/article/'+article.articleId):article.reprintUrl}"
            th:text="${#strings.isEmpty(article.reprintUrl)?article.articleTitle:('本文转载地址为:'+article.reprintUrl}}"
            class="max-w-60 py-2 text-ellipsis text-nowrap overflow-hidden px-4 ms-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
            >Message原创原创原fgddddddddddddddddddddd创原创原创</a
          >
        </div>
        <div class="flex mt-4">
          <button
            type="button"
            class="m-3 px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
            >赞</button
          >
          <button
            type="button"
            class="px-5 py-3 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
            >赏</button
          >
          <button
            type="button"
            class="m-3 px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
            >踩</button
          >
        </div>
        <div
          class="flex items-center mt-4 p-4 mb-4 text-sm text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400"
          role="alert"
        >
          <svg
            class="flex-shrink-0 inline w-4 h-4 me-3"
            aria-hidden="true"
            xmlns="http://www.w3.org/2000/svg"
            fill="currentColor"
            viewBox="0 0 20 20"
          >
            <path
              d="M10 .5a.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"
            ></path>
          </svg>
          <span class="sr-only">Info</span>
          <div>
            <span class="font-medium">Info alert!</span
            >本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0
            许可协议。转载请注明来自 Calyee`Blog！
          </div>
        </div>
      </div>
    </div>
    <div class="flex mt-4 justify-end mr-10 pb-5">
      <button
        type="button"
        class="text-blue-700 m-1 border border-blue-700 hover:bg-blue-700 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:focus:ring-blue-800 dark:hover:bg-blue-500"
      >
        <svg
          class="w-4 h-4"
          aria-hidden="true"
          xmlns="http://www.w3.org/2000/svg"
          fill="currentColor"
          viewBox="0 0 18 18"
        >
          <path
            d="M3 7H1a1 1 0 0 0-1 1v8a2 2 0 0 0 4 0V8a1 1 0 0 0-1-1Zm12.954 0H12l1.558-4.5a1.778 1.778 0 0 0-3.331-1.06A24.859 24.859 0 0 1 6 6.8v9.586h.114C8.223 16.969 11.015 18 13.6 18c1.4 0 1.592-.526 1.88-1.317l2.354-7A2 2 0 0 0 15.954 7Z"
          ></path>
        </svg>
        <span class="sr-only">Icon description</span>
      </button>
      <button
        type="button"
        class="text-blue-700 m-1 border border-blue-700 hover:bg-blue-700 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:focus:ring-blue-800 dark:hover:bg-blue-500"
      >
        <svg
          class="w-4 h-4"
          aria-hidden="true"
          xmlns="http://www.w3.org/2000/svg"
          fill="currentColor"
          viewBox="0 0 18 18"
        >
          <path
            d="M3 7H1a1 1 0 0 0-1 1v8a2 2 0 0 0 4 0V8a1 1 0 0 0-1-1Zm12.954 0H12l1.558-4.5a1.778 1.778 0 0 0-3.331-1.06A24.859 24.859 0 0 1 6 6.8v9.586h.114C8.223 16.969 11.015 18 13.6 18c1.4 0 1.592-.526 1.88-1.317l2.354-7A2 2 0 0 0 15.954 7Z"
          ></path>
        </svg>
        <span class="sr-only">Icon description</span>
      </button>

      <button
        type="button"
        class="text-blue-700 m-1 border border-blue-700 hover:bg-blue-700 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:focus:ring-blue-800 dark:hover:bg-blue-500"
      >
        <svg
          class="w-4 h-4"
          aria-hidden="true"
          xmlns="http://www.w3.org/2000/svg"
          fill="currentColor"
          viewBox="0 0 18 18"
        >
          <path
            d="M3 7H1a1 1 0 0 0-1 1v8a2 2 0 0 0 4 0V8a1 1 0 0 0-1-1Zm12.954 0H12l1.558-4.5a1.778 1.778 0 0 0-3.331-1.06A24.859 24.859 0 0 1 6 6.8v9.586h.114C8.223 16.969 11.015 18 13.6 18c1.4 0 1.592-.526 1.88-1.317l2.354-7A2 2 0 0 0 15.954 7Z"
          ></path>
        </svg>
        <span class="sr-only">Icon description</span>
      </button>
    </div>
</section>

<script src="./static/nice/js/fatch.js"> 
</script>

<script>

function addLook(){

  
}

function addLike(){


}

function removeLike(){


}

function addNasty(){

  
}

function removeNasty(){

  
}



// POST 请求示例
const postData = { key: 'value' };
fetchDataWithPost('https://api.example.com/data', postData)
    .then(response => {
        console.log('POST Success:', response);
    })
    .catch(error => {
        console.error('POST Error:', error);
    });

</script>